var currentCid = 1; // 当前分类 id
var cur_page = 1; // 当前页
var total_page = 1;  // 总页数
var data_querying = false;   // 是否正在向后台获取数据


$(function () {
    //请求新闻列表数据
    updateNewsData()

    // 首页分类切换
    $('.menu li').click(function () {
        var clickCid = $(this).attr('data-cid')
        $('.menu li').each(function () {
            $(this).removeClass('active')
        })
        $(this).addClass('active')

        if (clickCid != currentCid) {
            // 记录当前分类id
            currentCid = clickCid

            // 重置分页参数
            cur_page = 1
            total_page = 1
            data_querying = false
            updateNewsData()
        }
    })

    //页面滚动加载相关
    $(window).scroll(function () {

        // 浏览器窗口高度
        var showHeight = $(window).height();

        // 整个网页的高度
        var pageHeight = $(document).height();

        // 页面可以滚动的距离
        var canScrollHeight = pageHeight - showHeight;

        // 页面滚动了多少,这个是随着页面滚动实时变化的
        var nowScroll = $(document).scrollTop();

        if ((canScrollHeight - nowScroll) < 100) {
            // TODO 判断页数，去更新新闻数据
            if (!data_querying) {
                //将'正在查询新闻数据'的标志设置为真
                data_querying = true;
                //如果当前页数还没有达到总页数
                if (cur_page < total_page) {
                    //向后端发送请求,查询下一页新闻数据
                    updateNewsData();
                } else {
                    //页码超标
                    data_querying = false
                }

            }
        }
    })
})

function updateNewsData() {
    // TODO 更新新闻数据
    var params = {
        "page": 1,
        "cid": currentCid,
        "per_page": 50
    }
    $.get("/newslist", params, function (resp) {
        // 设置'正在查询数据'变量为false,以便下次上拉刷新

        if (resp) {
            // 记录总页数

            // total_page = resp.totalPage
            // 如果当前页数为1,则清空原有数据
            if (cur_page == 1) {
                $(".list_con").html('')
            }
            //当前页数递增
            data_querying = false
            cur_page += 1
            // //显示数据
            //  <li>
            //     <a href="#" class="news_pic fl"><img src="../../static/news/images/news_pic.jpg"></a>
            //     <a href="#" class="news_title fl">日本史上最大IPO之一要来了：软银计划将手机业务分拆上市</a>
            //     <a href="#" class="news_detail fl">据日经新闻网，软银计划让旗下核心业务移动手机部门SoftBank Corp.分拆上市，或募资2万亿日元(约180亿美元)。随着软银逐步向投资公司转型，此举旨在给手机业务部门更多自主权。</a>
            //     <div class="author_info fl">
            //         <div class="source fl">
            //             来源：广州日报
            //         </div>
            //         <div class="time fl">2017-01-01 00:00:00</div>
            //     </div>
            // </li>
            for (var i = 0; i < resp.newsList.length; i++) {
                var news = resp.newsList[i]
                var content = '<li>'
                content += '<a href="/news/' + news.id + '" class="news_pic fl"><img src="' + news.index_image_url + '?imageView2/1/w/170/h/170"></a>'
                content += '<a href="/news/' + news.id + '" class="news_title fl">' + news.title + '</a>'
                content += '<a href="/news/' + news.id + '" class="news_detail fl">' + news.digest + '</a>'
                content += '<div class="author_info fl">'
                content += '<div class="source fl">来源：' + news.source + '</div>'
                content += '<div class="time fl">' + news.create_time + '</div>'
                content += '</div>'
                content += '</li>'
                $(".list_con").append(content)

            }
        }

    })
}


